<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>管理端客户分析</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
<!--    <link rel="stylesheet" href="/css/statisticsManager/analyseCustomerForm.css"/>-->
    <link rel="stylesheet" href="/css/statisticsManager/common.css"/>
    <style>
        /*thead{*/
        /*    visibility:hidden  !important;*/
        /*}*/
    </style>
</head>
<body>
<div class="container-fluid customer-page">
    <div class="card">
        <div class="card-header">
            <h1>客户分析</h1>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="input-group" style="width: 608px;">
                        <input type="text" class="form-control datepicker" placeholder="开始时间"
                               id="startTm">
                        <span class="input-group-addon">至</span>
                        <input type="text" class="form-control datepicker" placeholder="结束时间"
                               id="endTm">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default" id="customDateBtn"
                                    onclick="queryUserData()">确定
                            </button>
                        </div>
                    </div>
                </div>

                <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12 member-analysis ">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 analy-entire" style="padding: 0;">
                        <div class="customer-rate"><p>会员转化分析表</p></div>
                        <div class="entire-region">
                            <ul class="client customer-rate-client">
                                <li class="clientMess">
                                    <div class="client-branch">会员产品成交<span id="member">0</span></div>
                                    <!--                            <div><a class="details">详情</a></div>-->
                                </li>
                                <li class="clientMess">
                                    <div class="client-branch">非会员产品成交<span id="noMember">0</span></div>
                                </li>
                                <li class="clientMess">
                                    <div class="client-branch">新增会员<span id="addVip">0</span></div>
                                </li>
                                <li class="clientMess">
                                    <div class="client-branch">续费会员<span id="renew">0</span></div>
                                </li>
                                <li class="clientMess">
                                    <div class="client-branch">到期会员<span id="maturity">0</span></div>
                                </li>
                                <li hidden="hidden" class="clientMess">
                                    <div class="client-branch">会员总量<span id="totalMembership">0</span></div>
                                </li>
                            </ul>
                            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div style="width: 100%;height: 360px;" id="memberLine"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12 member-analysis">

                    <div class="clearfix">

                        <div class="time-search pull-left" style="float: right">
                            <input type="hidden" id="dateType" name="dateType" value="topMonth"/>
                            <div class="topMonth active-second" onclick="customerIntentionSelectTime('topMonth')">上月</div>
                            <div class="month" onclick="customerIntentionSelectTime('month')">本月</div>
                            <div class="quarter" onclick="customerIntentionSelectTime('quarter')">本季度</div>
                            <div class="year" onclick="customerIntentionSelectTime('year')">本年度</div>
                        </div>
                    </div>
                    <h6 class="clientTitle" >客户意向分析</h6>
                    <div class="" >
                        <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12 analy-entire-small">
                            <table id="customerIntention" ></table>
                        </div>
                    </div>
                </div>
                <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 member-analysis explain-text">
                    <span class="explain-location"><img src="/images/descrip/description-label.png" alt=""><span class="explain-word">说明</span></span>
                    <p class="description">系统数据指标来自于您平时辛勒的工作积累，良好的数据指标能为您提供全方位的数据分析，和方案策划支持，请您在 跟进业努时期，更好的描述跟进详情，
                        坚持使用商机工具，或为客户标注准确的标签，系统将为您提供更精准的数据分析服 务和决策支持，同时减小您的成单压力。您的数据信息越精准越详实，
                        得到系统智能支持的助力也就越大，甚至会产生预测 感知能力，您可以使用智能助手来检测系统的预测感知能力。希望系统的功能和您的业务能力一起成长，祝您工作愉快!</p>
                </div>
            </div>
        </div>
   </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script src="/js/crm/statisticsManager/analyseCustomerForm.js"></script>
</html>